<!DOCTYPE html>
<html>
  <head>
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>登录</title>
  </head>
  <body style="background-image:url(img/load.jpg);background-size:cover;font-family:song;">
  <b style="font-size:30px;margin-left:25px;"><span style="color:#CB4042">◼</span> <span>登录 LOGONING</span></b>
  </div>
   <div id="登录框" style="width:300px;height:500px;line-height:35px;margin:auto;margin-top:20px;background-color:rgba(189,192,186,0.5);color:gray;">
   <div style="width:300px;height:180px;background-image:url(img/22.jfif);background-size:cover;background-position:center;">
   	  <a href="html/loading1.html"><div style="width:50px;height:50px;margin-left:83%;filter:grayscale(100%) brightness(1000%);"><img src="img/code1.png" width="100%"/></div></a>
   </div>
        <form style="text-align:center;margin-top:20px;">
        
        <b>用户：</b>
        <input style="background:rgba(255,255,255,0);box-shadow:none;border:none;border-bottom:1px solid gray;font-family:song;" type="text" id="username" size="25px"/>
        <br >
        <b>密码：</b>
        <input style="background:rgba(255,255,255,0);box-shadow:none;border:none;border-bottom:1px solid gray;font-family:song;" type="password" id="password" size="25px"/>
        <br>
        <button style="border-radius:40px;background:#CB4042;width:80%;height:30px;border:2px solid #bfbfbf;margin-top:15px;font-family:song;" type="button" name="chkBtn" id="chkBtn">登录</button>
        <br>
        <input style="border-radius:40px;background:#91989F;width:80%;height:30px;border:2px solid #bfbfbf;margin-top:15px;font-family:song;" type="reset" name="reset" value="取消"/>
        <a href="html/loading2.html" style="text-decoration: none;"><div class="v1" style="width:100%;height:15px;">
        	<span style="color:#74a0d7;font-size:15px;border-bottom:2px solid #74a0d7;">还没有账号？立即创建.</span>
        </div></a>
        </form>
   </div>
   
   <script>
     document.getElementById('chkBtn').addEventListener('click',function(){
         var username=document.getElementById("username").value;
         var password=document.getElementById("password").value;
         if (username=='user' && password=='admin'){
           window.location.href='html/admin.html';
           }else{
             window.location.href='html/home.html';
             }
           });
  </script>
  </body>
</html>